<script setup lang="ts">
import Tabs from "./Tabs.vue";

const list = ["ABOUT US"];
</script>

<template>
  <Tabs :list="list" :capsule="false" class="mt-4 text-xl text-dark" />

  <view class="mx-5 my-8">
    <view class="leading-[0]">
      <image
             class="w-full"
             src="/static/images/envelope-top.png"
             mode="widthFix" />
    </view>

    <view class="bg-[#FCEECD] px-6 pt-3 pb-12">
      <view class="text-center">
        <image src="/static/images/logo.png"
               class="w-[150px]"
               mode="widthFix" />
        <view class="text-sm font-bold">吃的嘉年华</view>
      </view>

      <view class="mt-3 text-primary text-sm">
        <view>
          2015年团队成立于深圳，专攻大型线下主题式造节类活动。链接商业购物中心& 餐饮品牌群，制造城市级垂直话题，打造商圈超高人气客流。</view>
        <view>2015-2024持续举办7届深圳甜品嘉年华，打造深圳市购物中心最受欢迎活动IP。2020-2024连续举办5届深圳唤醒咖啡节、不止微醺节，再创咖酒类主题集市活动热度新高。</view>
        <view>“吃的嘉年华”将致力于更多好玩线下业态新消费场景打造，拥抱年轻力！</view>
      </view>
    </view>
  </view>
</template>
